import { useState } from 'react';
import './App.css';

function App() {
  const [count, setCount] = useState(0);

  return (
    <div className="App">
      <header className="App-header">
        <h1>Nikki Design Demo App</h1>
        <p>Welcome to the Nikki Design monorepo demo application!</p>
        
        <div className="demo-section">
          <button onClick={() => setCount(count + 1)}>
            Count: {count}
          </button>
          <p>This app demonstrates the integration of @nikki-design/ui package.</p>
        </div>

        <div className="features">
          <h2>Features:</h2>
          <ul>
            <li>✅ Built with Rsbuild</li>
            <li>✅ TypeScript support</li>
            <li>✅ React 18</li>
            <li>✅ Workspace integration</li>
          </ul>
        </div>
      </header>
    </div>
  );
}

export default App;